@import "variables";

seed-ability-grow-record {

  .title-text {
    font-weight: bold;
  }
  .title-demand {
    color: color($h5, c13);
  }

  .score-detail-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: pxTorem(110);
    padding: pxTorem(40) pxTorem(30);
    box-sizing: border-box;
    line-height: pxTorem(30);
    font-size: pxTorem(26);
    color: color($h5, c2);
    position: relative;
    &:first-child {
      font-size: pxTorem(30);
      color: color($h5, c4);
    }
    .score-item-left {
      flex-shrink: 1;
      width: 28%;
      .name-des {
        position: absolute;
        top: pxTorem(90);
        width: 80%;
        background: #FFFFFF;
        padding: pxTorem(30);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        z-index: 9;
        font-size: standard($f, f6);
        color: color($h5, c4);
        &:after {
          position: absolute;
          display: inline-block;
          top: -3px;
          left: 16px;
          width: 0;
          height: 0px;
          content: '';
          border-style: solid;
          border-width: 6px;
          border-color: #fff #fff transparent transparent;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          box-shadow: 2px -2px 2px #f4f4f4;
          z-index: 1;
        }
      }
    }
    .score-item-center {

    }
    .score-item-right {
      display: flex;
      flex-direction: column;
      margin-left: pxTorem(15);
      color: color($h5, c4);
      p {
        margin-bottom: pxTorem(10);
        &:last-child {
          margin-bottom: 0;
          text-align: right;
          color: color($h5, c13);

        }
      }
    }
    &:last-child {
      border-bottom: 0;
    }
    seed-icon {
      position: absolute;
      top: pxTorem(40);
      font-size: pxTorem(10);
      right: pxTorem(24);
    }
  }
  .ultima-color {
    color: #B71C25 !important;
  }
  .reboot-padding {
    padding: pxTorem(24) pxTorem(30) !important;
  }

}
